.header{width: 100%;}
.header .top{width: 100%;background:rgba(245,245,245,1);border:1px solid rgba(242, 242, 242, 1);}
.header .title{height:35px;margin: 0 auto;width: 1200px;line-height: 35px;font-family:Source Han Sans SC;font-weight:400;color:rgba(102,102,102,1);}
.header .title .content1{float: left;}
.header .title .content2 a{float: right;color:rgba(102,102,102,1)!important;}
.header .logo{height: 90px;line-height: 90px;}
.header .logo .content{width: 1200px;margin: 0 auto;}
.header .logo .content a{display: block;width: 264px;}
.header .bottom{background:rgba(51,51,51,1);}
.header .bottom .navbar-bottom{height: 60px;margin: 0 auto;width: 1200px;line-height: 60px;background:rgba(51,51,51,1);}
.header .bottom .navbar-bottom .navbar{height: 60px;margin-bottom: 0;border: 0;}
.header .bottom .navbar-bottom .navbar-nav{width: 1200px;height: 60px;}
.header .bottom .navbar-bottom .navbar-nav .nav-item{width: 120px;height: 60px;text-align: center;float: left;}
.header .bottom .navbar-bottom .navbar-nav .nav-item a{display: block;width: 120px;height: 60px;line-height: 60px;color: rgba(0,187,141,1);padding: 0;}
.header .bottom .navbar-bottom .navbar-nav .nav-item a p{height: 2px;width: 80px;background: rgba(0,187,141,1);position: relative;top: -2px;margin: 0 auto;opacity: 0;}
.header .bottom .navbar-bottom .navbar-nav .nav-item div{position: absolute;z-index:99 !important;top: 60px;display: none}
.header .bottom .navbar-bottom .navbar-nav .nav-item div .hoverul li{color: #fff;width: 160px;height: 60px;background: rgba(87,184,144,.64);}
.header .bottom .navbar-bottom .navbar-nav .nav-item div .hoverul li a{color: #fff;margin:0 auto;}
.header .bottom .navbar-bottom .navbar-nav .nav-item div .hoverul li:hover a{color: rgba(0,187,141,1)}

.header .bottom .navbar-bottom .navbar-nav .active{background:rgba(0,187,141,1);}
.header .bottom .navbar-bottom .navbar-nav .active a{color: #fff!important;}

.header .bottom .navbar-bottom .navbar-nav .nav-item:hover a{color: rgba(0,187,141,1)}
.header .bottom .navbar-bottom .navbar-nav .nav-item:hover a p{opacity: 1;}
.header .bottom .navbar-bottom .navbar-nav .nav-item:hover div{display: block}
@media (min-width: 100px){
    .navbar-nav {
        margin: 0!important;
    }
}

.header .banner .carousel .item img{width: 100%;height: 430px;}

.footer{width: 100%;background: rgba(51, 51, 51, 1);height: 165px;}
.footer .content{width: 1200px;margin: 0 auto;color: rgba(0, 187, 141, 1)}
.footer .content p{text-align: center;font-size:14px;font-family:Source Han Sans SC;font-weight:300;}
.footer .content .p1{padding-top: 58px}
.footer .content .p2{margin-top: 15px}


.zpagenav {text-align: center;-webkit-user-select: none;}
.zpagenav {font-family: arial;color: #48576a;}
.zpagenav ul {display: inline-block;width: 100%;padding: 0;margin-top: 20px;}
.zpagenav ul li {display: inline-block;margin: 0;border: 1px solid #d1dbe5;border-right: 0;background: #fff;font-size: 13px;width: 44px;height: 46px;line-height: 46px;cursor: pointer;box-sizing: border-box;text-align: center;border-radius: 2px;}
.zpagenav ul li:last-child {border-right: 1px solid #d1dbe5;}
.zpagenav ul li:hover {color: rgba(0,187,141,1)}
.zpagenav ul li.active a{border-color: rgba(0,187,141,1);background-color: rgba(0,187,141,1);color: #fff;cursor: default;}
.zpagenav ul li.active:hover {color: #fff;}
.zpagenav ul li a.disabled {cursor: not-allowed;color: #e4e4e4;}
.zpagenav ul li a.dot {cursor: default;}
img{max-width: 100%;}
.clearFloat{
    clear: both;
}